<html>
<head>
	<style>
		.centerDiv {
			margin-right: auto;
			margin-left: auto;
			width: 100%;
			margin: 10px;
			text-align: center;
		}
		font{
			font-family:Arial,Helvetica,sans-serif;
			font-size:12px;
		}
		.loginButton{
			padding: 10px 50px 10px 50px;
			background: #0e53c4;
			border-radius: 7px 7px 7px 7px;
			color: white;
			cursor: pointer;
			display: inline-block;
			height: auto;
			font-weight: bold;
			overflow: visible;
			transition: all 400ms ease;
			width: auto;
		}
	</style>
	
	<script src="jquery.js"> </script>
	<script src="login.js"> </script>
	
</head>
<body style="width:400px;height:400px;">
	<div id = "ringDNADiv" >
		<div style="width:100%;border-radius: 5px;">
		<span style="margin:150px;"><img src="ringdna.png"/></span>
	</div>
	<div class="centerDiv">
		<span style="font-size:20px;">Welcome to RingDNA ?</span>
	</div>
	<div class="centerDiv">
		<span style="font-size:15px;">Sign in you salesforce account to login</span>
	</div>
	<div class="centerDiv">
		<a id="ringDna_login" class="loginButton">Log in</a>
	</div>
	<div class="centerDiv">
		<span style="font-size:15px;">Don't have a RingDNA account?</span>
	</div>
	</div>
</body>
</html>